小光光谈前端

问题1：前端的学习路线

• 基础的html，css，js，推荐慕课网免费课程:前端工程师路径,极客学院免费课程:前端工程师路径 大概刷过就可以了，不用死记硬背某个知识点，css跟js还需要加深学习的，在实战过程中不懂就去查文档
• 基础的ps切图能力 慕课网ps基础课程
• 拥有自己的虚拟主机 传送门
• 学习jq+bootstrapt布局开发基本的网页功能将项目部署在虚拟主机 教学视频传送门 部署教程

提高

• 犀牛书，javascript高级程序设计,个人比较喜欢红宝书，通读了解js各个方面的基础知识点，例如原型链，闭包，this绑定等等...不过我目前也还没读完..
• css方面：flex，gird等新的布局方式
• 框架方面:vue,react,ng都可以尝试着了解一下，框架只是工具，基础还是要学好js
• webpack的基本配置了解一下，npm，yarn的使用
• 代码管理：git ，学会使用github 推荐阮一峰老师的git入门
• 服务器部署linux基础，搭建自己的ecs服务器，基本命令行掌握 传送门
• 计算机网络的知识，推荐 《http图解》一书
• 设计模式方面的知识 《head first 设计模式》
• 后端的基础知识node ,php ,mysql,mongodb 慕课网有免费的基础课程 搭配基础实战项目传送门react+vue+koa+mysql+mongodb
• js的底层相关的V8知识
• 数据结构与算法的基础知识，这个学校课程可以选修
• 强类型js typescript学习
• 等等。。。

这个问题应该是百度或者知乎都能知道答案的，以上是自己亲身学习的一些途径,方便少走一点弯路入门。这里是知乎大佬的回答：问题回答 问题专栏

---

问题2:各个框架的特点和不同？

• 这个问题应该是百度也能知道答案的：传送门

---

问题3：小程序开发

• 小程序开发入门是非常简单的，之前我也在部门里分享过付费的小程序开发教程视频，基本上小程序就是仿造vue的，会用vue就会开发小程序
• 此外github社区也有很多优秀的框架用于开发小程序，如腾讯的wepy，美团的mpvue，京东的taro
• 这两个是之前做的小程序项目demo
• 一个是搭配视频教程的电影与阅读 一个是原生基础小项目智能快递柜
• 这个是mpvue开发的小程序项目 Online画室

---

问题4：前端需要什么样的ui图

• 前端需要的原型图 不应该仅仅只是一些图片，应该是做图工具处理过之后，方便前端获取到原型图上任何一个位置的样式的类html图，并且附带基本的交互效果，sketch软件了解一下，pxcook软件了解一下。

---

问题5：前端觉得什么样的api好用

• 这个其实前后端最好能够沟通好请求方式get，post，delete等等，个人比较倾向于restful架构api，而且不是说提供接口就是restful api，可能还不符合规范化，每个请求方式要语义化，命名要符合restful架构的要求，有些后端写接口写命名都是随意来的，能用就行，其实这样是对于前端使用会造成一定的理解问题的，建议前后端都了解下 传送门

---

问题6：有什么好用的工具可以用？

• 这个问题比较广泛，是说前端开发的工具吗？
• 编辑器可以考虑sublimetext3 ide可以考虑vscode，webstorm，atom
• 服务器ssh远程登录推荐 xshell5
• 后端mysql图形化软件使用Navicat for Mysql
• mongodb图形化使用Robo 3T
• php使用wampserver集成
• 思维导图神器 Xmind
• Cmd Markdown 编辑器
• PxCook 原型图量取
• Mockplus 产品经理神器
• git 使用GitBash

---

问题7：如何系统地学习vue

• 首先对着官网文档新手入门过一遍
• 其次基础语法练习来过一遍 项目素材传送门 对应教学视频链接
• 其次根据视频教程进行todoList demo编写慢慢过渡，使用vue-cli脚手架进行工程化开发，发现vue-cli配置一脸懵逼
• 熟悉vue-cli脚手架的基本配置，做到自己能够调配置搭配其他例如sass，flexiable方案使用，传送门
• 基本过完就是vue语法，vue-cli基本配置熟悉了，那么接下来就要进入实战学以致用，实战付费视频资源之前有分享在部门群里面，其他的基础实战项目在这里实战项目传送门react+vue+koa+mysql+mongodb，基本掌握后就可以进行使用vue独立开发了

问题到这里结束了，希望阅读的给为大佬对于有帮助的github项目能够给小弟star一下，积累不易，谢谢支持~